<template>
   <div>
    <h1>职位</h1>
    <ul v-for="item in list" :key="item.id">
      <li>职位： {{item.id}}</li>
      <li>公司：{{item.name}}</li>
      <li>工资：{{item.monkey}}</li>
    </ul>
    <h1>工资大于1w的</h1>
    <ul v-for="item in fllist" :key="item.id">
      <li>职位： {{item.id}}</li>
      <li>公司：{{item.name}}</li>
      <li>工资：{{item.monkey}}</li>
    </ul>
   </div>
</template>

<script>
import { ref, computed } from 'vue'
export default {
  setup () {
    /**
     * 需求：
     * 1. 展示职位信息=》定义一个列表数据
     * 2. 计算职位工资大于1e4,展示到另外一个列表
     */
    const list = ref([
      { id: 0, name: '前端开发-阿里', monkey: 8e3 },
      { id: 1, name: '前端开发-字节', monkey: 2e4 },
      { id: 2, name: '前端开发-百度', monkey: 2e5 }
    ])
    const fllist = computed(() => {
      return list.value.filter((item) => {
        return item.monkey > 1e4
      })
    })
    return { list, fllist }
  }
}
</script>

<style lang="sass" scoped>

</style>
